<template>
  <!-- 根据ScaleOrder/Merchant菜单+tabName区分 -->
  <!-- ScaleOrder -->
  <div v-if="props.menuType === 'ScaleOrder'">
    <!-- Unfulfilled -->
    <OrderTableJs
      :type="props.tabName"
      v-if="props.tabName === 'Unfulfilled'"
    />
    <!-- AwaitingConfirm/-->
    <!--  -->
    <DefaultTableJs
      v-if="props.tabName === 'AwaitingConfirm'"
      :type="props.tabName"
      :menuList="menuList.ScaleOrder.AwaitingConfirm"
    />
    <!-- /Processing-->
    <DefaultTableJs
      v-if="props.tabName === 'Processing'"
      :type="props.tabName"
      :menuList="menuList.ScaleOrder.Processing"
    />

    <!-- /Fulfilled -->
    <DefaultTableJs
      v-if="props.tabName === 'Fulfilled'"
      :type="props.tabName"
      :menuList="menuList.ScaleOrder.Fulfilled"
    />
    <!-- /Dispute -->
    <DefaultTableJs
      v-if="props.tabName === 'Dispute'"
      :type="props.tabName"
      :menuList="menuList.ScaleOrder.Dispute"
    />
    <!-- /Refunded -->

    <RefundedJs :type="props.tabName" v-if="props.tabName === 'Refunded'" />

    <!--//Abandoned -->
    <DefaultTableJs
      v-if="props.tabName === 'Abandoned'"
      :type="props.tabName"
      :menuList="menuList.ScaleOrder.Abandoned"
    />
  </div>
  <!-- Merchant -->
  <div v-if="props.menuType === 'Merchant'">
    <DefaultTableJs
      v-if="props.tabName === 'Unfulfilled'"
      :menuList="menuList.Merchant.Unfulfilled"
    />
    <DefaultTableJs
      v-if="props.tabName !== 'Unfulfilled'"
      :menuList="menuList.Merchant.Fulfilled"
    />
  </div>
</template>
<script lang="ts" setup>
import OrderTableJs from "@/components/OrderTableJs/index.vue";
import RefundedJs from "@/views/Order/ScaleOrder/RefundedJs/index.vue";
import DefaultTableJs from "@/views/Order/ScaleOrder/DefaultTableJs/index.vue";
import { menuList } from "@/utils/menu.js";
const props = defineProps(["tabName", "menuType"]);
</script>
